import React, { Component } from 'react';
import {
    View,
    Image,
    TouchableWithoutFeedback
} from 'react-native';


export default class SwiperItem extends Component {

    constructor(props) {
        super(props);
        this.state = {
            
        };
    }
    

    
    render() {
        const {data, navigation, styles} = this.props;
        return (
            <TouchableWithoutFeedback
                onPress={()=>{ navigation.navigate("Detail", { courseId: data.course_id })}}
                style={styles.swiperSize}
            >
                <Image
                    source={{uri: data.img}}
                    style={styles.swiperSize}
                />
            </TouchableWithoutFeedback>
        );
    }
    
}
